
<meta charset="utf-8">
<div class="box" id="biz_pmpProject_detail_conatainer">
	 <div class="box-header with-border">
	<div class="btn-group " id="pmpProjectTableToolbar" role="group">
			<a class="btn btn-app" v-on:click="loadReq"><i class="fa fa-cloud"></i> 需求 </a>
            <a class="btn btn-app" v-on:click="loadTask"><i class="fa fa-tasks"></i> 任务</a>
            <a class="btn btn-app" v-on:click="loadBugs"><i class="fa fa-bug"></i>Bug</a>
            <a class="btn btn-app" v-on:click="loadWeekPlan"><i class="fa fa-calendar-check-o"></i>项目周计划</a>
            <a class="btn btn-app" v-on:click="loadVersionPlan" ><i class="fa fa-window-restore"></i>项目版本计划</a>
            <a class="btn btn-app" v-on:click="loadTaskRecord" ><i class="fa fa-tags"></i>任务记录</a>
            <a class="btn btn-app" v-on:click="loadBugRecord" ><i class="fa fa-file-text"></i>BUG记录</a>
            <a class="btn btn-app"v-on:click="loadProjectSet" ><i class="fa fa-cogs"></i> 项目设置</a>
            
           <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<font style="font-size: 2.5em;">【{{pmpProject.name}}】</font> 
				<font style="font-size: 1.2em;">当前版本：{{  pmpProject.versionName}} &nbsp;&nbsp;创建时间： {{pmpProject.createtime}}</font>
	</div>
	</div>
		
	<div class="box-body" id="small_content_job_window">
		
	</div>
	
	
	<script>

    
var project_detail_main=new Vue({  
	  el: '#biz_pmpProject_detail_conatainer',
	  data:{
		  projectId: null,
		  pmpProject: {},
		  bus:new Vue(),
	  },
	  mounted:function(){
		  var _this=this;
		  _this.$data.projectId = zfesRoutie.getUrlPatam("id");
		  _this.initData(_this.$data.projectId);
	  },
    methods: {
    	initData: function(id){
    		var _this=this;
    		var url="/pmp/service/pub/pmpProject/loadProject";
	   		 zfesAjax.ajaxTodo(url,{"id":id}, function(data){
	       		 _this.$data.pmpProject=data.data.project;
	       		_this.loadReq();
	       	 });
	   		 
    	},
      	loadReq: function(){
      		this.loadDeatailContent("/views/pmpProject/pmpProject.detail.req.html",this.$data.id);
      	},
      	loadTask: function(){
      		this.loadDeatailContent("/views/pmpTasks/pmpTasks.html",this.$data.id);
      	},
      	loadBugs: function(){
      		this.loadDeatailContent("/views/pmpBugs/pmpBugs.html",this.$data.id);
      	},
      	
      	loadWeekPlan: function(){
      		this.loadDeatailContent("/views/pmpPlan/plan.week.html",this.$data.id);
      	},
      	loadVersionPlan: function(){
      		this.loadDeatailContent("/views/pmpPlan/plan.version.html",this.$data.id);
      	},
      	loadTaskRecord: function(){
      		this.loadDeatailContent("/views/pmpProject/pmpProject.detail.record.task.html",this.$data.id);
      	},
      	loadBugRecord: function(){
      		this.loadDeatailContent("/views/pmpProject/pmpProject.detail.record.bug.html",this.$data.id);
      	},
      	loadProjectSet: function(){
      		this.loadDeatailContent("/views/pmpProject/pmpProject.detail.set.html",this.$data.id);
      	},
    	
    	loadDeatailContent: function(url,id){
      		Pace.restart();//加载进度
      		$("#small_content_job_window").empty();
      		zfesAjax.ajaxHtml(url, {}, function(data, textStatus, jqXHR){
      			$("#small_content_job_window").html(data);
      			store.set("project_deatail_id", id);
      		},function(jqXHR, textStatus, errorThrown){
      			var data =jqXHR.responseText;
      			$("#small_content_job_window").html(data);
      		});
       }
 
   }
});
</script>

</div>



